<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <th:block th:insert="pages/developer/common/head::head"></th:block>
</head>
<body class="nav-md footer_fixed">
<div class="container body">
    <div class="main_container">
        <!-- left -->
        <th:block th:insert="pages/developer/common/head::left"></th:block>
        <!-- top -->
        <th:block th:insert="pages/developer/common/head::top"></th:block>
        <!--right -->
        <div class="right_col" role="main">
            <div class="clearfix"></div>
            <div class="row">
                <div class="col-md-12 col-sm-12 col-xs-12">
                    <div class="x_panel">
                        <div class="x_title">
                            <h2 th:inline="text">新增APP版本信息 <i class="fa fa-user"></i><small>[[${session.devUserSession.devName}]]</small>
                            </h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_title">
                            <h2>历史版本列表</h2>
                            <div class="clearfix"></div>
                        </div>
                        <div class="x_content1">
                            <div class="clearfix"></div>
                            <p class="text-muted font-13 m-b-30"></p>
                            <div id="datatable-responsive_wrapper"
                                 class="dataTables_wrapper form-inline dt-bootstrap no-footer">
                                <div class="row">
                                    <div class="col-sm-12">
                                        <table id="datatable-responsive"
                                               class="table table-striped table-bordered dt-responsive nowrap dataTable no-footer dtr-inline collapsed"
                                               cellspacing="0" width="100%" role="grid"
                                               aria-describedby="datatable-responsive_info" style="width: 100%;">
                                            <thead>
                                            <tr role="row">
                                                <th class="sorting_asc" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 70px;"
                                                    aria-label="First name: activate to sort column descending"
                                                    aria-sort="ascending">软件名称
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 10px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    版本号
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 90px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    版本大小(单位:M)
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 50px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    发布状态
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 50px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    APK文件下载
                                                </th>
                                                <th class="sorting" tabindex="0"
                                                    aria-controls="datatable-responsive" rowspan="1" colspan="1"
                                                    style="width: 50px;"
                                                    aria-label="Last name: activate to sort column ascending">
                                                    最新更新时间
                                                </th>
                                            </tr>
                                            </thead>
                                            <tbody>
                                            <tr role="row" class="odd" th:each="appVersion,status:${appVersionList }">
                                                <td tabindex="0" class="sorting_1" th:inline="text">
                                                    [[${appVersion.appName}]]
                                                </td>
                                                <td th:inline="text">[[${appVersion.versionNo }]]</td>
                                                <td th:inline="text">[[${appVersion.versionSize }]]</td>
                                                <td th:inline="text">[[${appVersion.publishStatusName }]]</td>
                                                <td>
                                                    <a th:href="${appVersion.downloadLink }" th:inline="text">[[${appVersion.apkFileName
                                                        }]]</a>
                                                </td>
                                                <td th:text="${#dates.format(#dates.createNow(), 'yyyy-MM-dd')}">
                                                    2015年1月1日
                                                </td>
                                            </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <div class="x_title">
                                <h2>新增版本信息</h2>
                                <ul class="nav navbar-right panel_toolbox">
                                    <li><a class="collapse-link"><i class="fa fa-chevron-up"></i></a>
                                    </li>
                                </ul>
                                <div class="clearfix"></div>
                            </div>
                            <div class="x_content" style="display: block;">
                                <br>
                                <form class="form-horizontal form-label-left"
                                      th:action="@{/dev/flatform/app/addversionsave}" method="post"
                                      enctype="multipart/form-data">
                                    <input type="hidden" name="appId" th:value="${appVersion.appId}">
                                    <div class="item form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">版本号 <span
                                                class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input id="versionNo" class="form-control col-md-7 col-xs-12"
                                                   data-validate-length-range="20" data-validate-words="1"
                                                   name="versionNo"
                                                   placeholder="请输入版本号" type="text" required="required">
                                        </div>
                                    </div>
                                    <div class="item form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="number">版本大小 <span
                                                class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="number" id="versionSize" name="versionSize" required="required"
                                                   data-validate-minmax="10,500" placeholder="请输入版本大小，单位为Mb"
                                                   class="form-control col-md-7 col-xs-12">
                                        </div>
                                    </div>

                                    <div class="item form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="select">发布状态 <span
                                                class="required">*</span></label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
                                            <input type="hidden" name="publishStatus" id="publishStatus" value="3">预发布
                                        </div>
                                    </div>

                                    <div class="item form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="textarea">版本简介
                                            <span class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12">
              <textarea id="versionInfo" name="versionInfo" required="required"
                        placeholder="请输入本版本的相关信息，本信息作为该版本的详细信息进行版本介绍。"
                        class="form-control col-md-7 col-xs-12"></textarea>
                                        </div>
                                    </div>
                                    <div class="item form-group">
                                        <label class="control-label col-md-3 col-sm-3 col-xs-12" for="name">apk文件 <span
                                                class="required">*</span>
                                        </label>
                                        <div class="col-md-6 col-sm-6 col-xs-12" th:inline="text">
                                            <input type="file" class="form-control col-md-7 col-xs-12"
                                                   name="a_downloadLink" id="a_downloadLink" required="required"/>
                                            [[${fileUploadError }]]
                                        </div>
                                    </div>
                                    <div class="ln_solid"></div>
                                    <div class="form-group">
                                        <div class="col-md-6 col-md-offset-3">
                                            <button id="send" type="submit" class="btn btn-success">保存</button>
                                            <button type="button" class="btn btn-primary" id="back">返回</button>
                                        </div>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
<th:block th:insert="pages/developer/common/foot::js"></th:block>
</body>
<script th:src="@{/localjs/appversionadd.js}"></script>
</html>